@font-face { 
font-family:"AvianRegular"; 
src: url('AvianRegular.eot'); 
src: url('AvianRegular.eot?#iefix') format('embedded-opentype'), 
  	 url('AvianRegular.woff') format('woff'), 
     url('AvianRegular.ttf')  format('truetype'), 
     url('AvianRegular.svg#Garamond') format('svg'); 
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family:'AVIGNONBOLD';
    src: url('AVIGNON-BOLD.TTF'); /* IE9 Compat Modes */
         url('avignon-bold-webfont.woff2') format('woff2'),
         url('avignon-bold-webfont.woff') format('woff'); /* Modern Browsers */
}
@charset "utf-8";
/* CSS Document */
/*
color:red !important;/* Firefox、IE7支持 
_color:red;  IE6支持 
*color:red;  IE6、IE7支持 
*+color:red; IE7支持/
color:red\9; IE6、IE7、IE8支持 
color:red\0; IE8支持
@media screen and(-webkit-min-device-pixel-ratio:0){} chrome
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#99000000', EndColorStr='#99000000');
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templets/ftwcm/images/bg_index.body1.png');_background:none;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.3));
pointer-events:none;
-webkit-appearance:none;
.gray{-webkit-filter: grayscale(100%);filter:grayscale(100%);filter:gray;}
@media screen and (min-width:540px){
body{width:540px;}
header{width:540px;}
}
@media screen and (max-width:320px){
body{width:320px;}
header{width:320px;}
}
*/


/*--默认--*/
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0;_background-image:url(about:blank);_background-attachment:fixed;}
body{-webkit-text-size-adjust:none;font-family:微软雅黑,'Heiti SC',Arial,黑体;font-size:12px;color:#707070;}
ol,ul,li{list-style:none outside none;}
a{text-decoration:none;color:inherit;}
a:hover{color:#666;}
img{border:none;vertical-align:middle;}
table{border-collapse:collapse;}
tr,td,th{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;color:#474747;line-height:100%;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;}
i,em,b,strong{font-style:normal;font-weight:normal;}
input,textarea,select{padding:0;border:1px solid #CCC;font-family:inherit;outline:none;background:none;border:none;}

/*--滚动条插件--*/
.jspScrollable {outline:none;}
.jspContainer{overflow:hidden;position:relative;outline:none;}
.jspPane{position:absolute;}
.jspVerticalBar{position:absolute;top:0;right:0;width:16px;height:100%;}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;}
.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0;}
.jspCap{display:none;}
.jspHorizontalBar .jspCap{float:left;}
.jspTrack{background:#dde;position:relative;}
.jspDrag{background:#ddd;position:relative;top:0;left:0;cursor:pointer;}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%;}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;}
.jspArrow.jspDisabled{cursor:default;background:#80808d;}
.jspVerticalBar .jspArrow{height:16px;}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%;}
.jspVerticalBar .jspArrow:focus{outline:none;}
.jspCorner{background:#eeeef4;float:left;height:100%;}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{margin:0 -3px 0 0;}
.jspVerticalBar{width:12px;}
.jspDrag{background:#ebebeb;}
.jspTrack{background:url(../image/line2.png) center top repeat-y;}

/*@font-face{
    font-family:'AvianRegular';
    src: url('AvianRegular.eot');
    src: url('AvianRegular.eot?#iefix') format('embedded-opentype'),
         url('AvianRegular.woff2') format('woff2'),
         url('AvianRegular.woff') format('woff'),
         url('AvianRegular.ttf') format('truetype'),
         url('AvianRegular.svg#AvianRegular') format('svg');
    font-weight:normal;
    font-style:normal;
}*/

/*--类--*/
.clear{clear:both;height:0;overflow:hidden;}
.clearfix:after{content:"";clear:both;display:block;}
.left{float:left;}
.right{float:right;}
.footer_f{position:fixed;left:0;bottom:0;width:100%;}


/*--通用--*/
body{min-width:1250px;max-width:1920px;font-size:14px;color:#707070;}
.block{width:1230px;margin:0 auto;position:relative;}
#body{overflow:hidden;}



#header{height:106px;border-bottom:solid 1px #e5e5e5;}
#header .logo{position:absolute;top:34px;left:0;}
#header .nav{position:absolute;top:0;right:163px;}
#header .nav li{ float:left; position:relative;}
#header .nav li a{ display:block; font-size:16px; line-height:103px;padding:0 25px; border-top:3px solid #fff;}
#header .nav li:hover a{color:#ddd;}
#header .nav li.cur a{ border-color:#0d6595;}
#header .nav .subnav{ display:none; position:absolute; left:0; top:107px; width:100%; float:none; padding:22px 0 16px; text-align:center; background:url(../image/opacity-60.png);}
#header .nav .subnav a{ font-size:16px; line-height:40px; color:#fff; padding:0; border:none;}
#header .nav .subnav a:hover{ color:#61c2f5;}
#header .lang{position:absolute;line-height:106px;font-size:20px;color:#a6a6a6;right:113px;top:0;}
#header .search{position:absolute;display:block;background:url(../image/search.png) center center no-repeat;width:20px;height:21px;top:45px;right:56px;}
#header .share{position:absolute;display:block;background:url(../image/share.png) center center no-repeat;width:24px;height:24px;top:44px;right:0;}


#footer{height:65px;background:url(../image/bg3.png) center center repeat;}
#footer .p1{line-height:65px;color:#818181;font-size:12px;position:absolute;left:0;top:0;}
#footer a{color:#818181;}
#footer .p2{line-height:65px;color:#818181;font-size:12px;text-align:center;padding-left:65px;}
#footer .p3{line-height:65px;color:#818181;font-size:12px;position:absolute;right:0;top:0;}


.page{text-align:center;height:36px;}
.page li{display:inline-block;width:36px;height:36px;line-height:36px;font-size:22px;font-family:Arial, Helvetica, sans-serif;background:url(../image/page.png) left center no-repeat;margin:0 3px;}
.page li a{color:#909090;display:block;width:36px;height:36px;}
.page li.no,.page li.no:hover{background:none;}
.page li.now,.page li:hover{background:url(../image/page.png) right center no-repeat;}
.page li.now a,.page li:hover a{color:#fff;}


.carousels .focus{  width:100%; height:100% ;position:relative; overflow:hidden;}
.carousels .focus .frame{  width:100%; height:100%; position:relative;  float:left;overflow:hidden;}
.carousels .focus .frame .child{ width:100%; height:100%; position:relative; float:left;overflow:hidden;}
.carousels .focus .nav{ width:100px; height:35px; border-radius:30px; background:url(../image/nav1-new.png) center center repeat; position:absolute; left:50%; margin-left:-50px; bottom:100px; text-align:center;}
.carousels .focus .nav a{ display:inline-block; width:14px; height:35px; background:url(../image/nav2-new.png) right center no-repeat; margin:0 2px;}
.carousels .focus .nav .now{width:14px; height:35px; background:url(../image/nav2-new.png) left center no-repeat; }
.home1{height:768px;}
.home1 .text{width:1230px;margin:0 auto;text-align:center;padding-top:300px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;
transform:scale(0.7) rotateX(60deg);-webkit-transform:scale(0.7) rotateX(60deg);-moz-transform:scale(0.7) rotateX(60deg);
transition:all 1.2s ease-out 0s;-webkit-transition:all 1.2s ease-out 0s;-moz-transition:all 1.2s ease-out 0s;}
.home1.show .text{transform:scale(1) rotateX(0deg);-webkit-transform:scale(1) rotateX(0deg);-moz-transform:scale(1) rotateX(0deg);opacity:1;}
.home1 .text h3{color:#fff;font-family:impact;font-size:72px;line-height:1;text-transform:uppercase;}
.home1 .text h4{color:#fff;font-size:36px;line-height:1.2;margin-top:10px;}
.home2{background:url(../image/bg1.jpg) center top no-repeat;height:391px;}
.home2 .text{text-align:center;padding-top:96px;width:962px;margin:0 auto;}
.home2 .text h3{color:#fff;font-size:30px;line-height:1.2;}
.home2 .text h3 b{font-weight:bold;}
.home2 .text .line{display:block;width:90px;height:3px;background:#fff;margin:14px auto 0;}
.home2 .text p{color:#fff;font-size:14px;line-height:1.5;margin:20px auto 0;}
.home2 .text .btn{display:block;background:url(../image/btn1.png) center center no-repeat;width:152px;height:34px;line-height:34px;color:#fff;font-size:14px;margin:20px auto 0;}
.home3{padding:120px 0 30px;}
.home3 .title{text-align:center;width:755px;margin:0 auto;}
.home3 .title h3{color:#474747;font-size:30px;line-height:1.2;}
.home3 .title h3 b{font-weight:bold;}
.home3 .title .line{display:block;width:90px;height:3px;background:#e2e2e2;margin:14px auto 0;}
.home3 .title p{color:#474747;font-size:14px;line-height:1.5;margin:20px auto 0;}
.home3 .box{height:1000px;position:relative;margin-top:40px;overflow:hidden;}
.home3 .box .frame{height:1000px;position:relative;overflow:hidden;}
.home3 .box .frame .child{float:left;position:relative;height:1000px;width:100%;}
.home3 .box .frame .child .div1{position:absolute;top:0;left:282px;width:349px;height:332px;overflow:hidden;opacity:0;transform:translate(200px,0);-webkit-transform:translate(200px,0);-moz-transform:translate(200px,0);transition:all 1.2s ease-out 0s;-webkit-transition:all 1.2s ease-out 0s;-moz-transition:all 1.2s ease-out 0s;}
.home3 .box .frame .child .div1 .text{width:270px;position:absolute;bottom:26px;right:14px;text-align:right;}
.home3 .box .frame .child .text h3{color:#fff;font-size:24px;line-height:1.2;}
.home3 .box .frame .child .text p{color:#fff;font-size:14px;line-height:1.5;margin-top:14px;}
.home3 .box .frame .child .div2{position:absolute;top:0;left:642px;width:587px;height:547px;overflow:hidden;opacity:0;transform:translate(0,-200px);-webkit-transform:translate(0,-200px);-moz-transform:translate(0,-200px);transition:all 1.2s ease-out 0.2s;-webkit-transition:all 1.2s ease-out 0.2s;-moz-transition:all 1.2s ease-out 0.2s;}
.home3 .box .frame .child .div2 .text{width:270px;position:absolute;bottom:52px;left:45px;}
.home3 .box .frame .child .div3{position:absolute;top:344px;left:3px;width:628px;height:450px;overflow:hidden;opacity:0;transform:translate(0,200px);-webkit-transform:translate(0,200px);-moz-transform:translate(0,200px);transition:all 1.2s ease-out 0.4s;-webkit-transition:all 1.2s ease-out 0.4s;-moz-transition:all 1.2s ease-out 0.4s;}
.home3 .box .frame .child .div3 .text{height:245px;position:absolute;top:60px;right:48px; writing-mode:tb-rl;}
.home3 .box .frame .child .div3 .text p{margin:0 12px 0 0;}
.home3 .box .frame .child .div4{position:absolute;top:559px;left:642px;width:348px;height:440px;overflow:hidden;opacity:0;transform:translate(-200px,200px);-webkit-transform:translate(-200px,200px);-moz-transform:translate(-200px,200px);transition:all 1.2s ease-out 0.6s;-webkit-transition:all 1.2s ease-out 0.6s;-moz-transition:all 1.2s ease-out 0.6s;}
.home3 .box .frame .child .div4 .text{width:238px;position:absolute;bottom:38px;left:45px;}
.home3 .box .frame .child .more{display:block;background:url(../image/more1.png) center center no-repeat;width:166px;height:166px;position:absolute;top:559px;left:1002px;opacity:0;transform:translate(-200px,0);-webkit-transform:translate(-200px,0);-moz-transform:translate(-200px,0);transition:all 1.2s ease-out 0.8s;-webkit-transition:all 1.2s ease-out 0.8s;-moz-transition:all 1.2s ease-out 0.8s;}
.home3.show .box .frame .child .div1,.home3.show .box .frame .child .div2,.home3.show .box .frame .child .div3,.home3.show .box .frame .child .div4,.home3.show .box .frame .child .more{transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);opacity:1;}
.home3 .box .qh{position:absolute;width:600px;left:0;height:50px;bottom:40px;}
.home3 .box .qh .line{border-top:solid 1px #cecece;width:417px;position:absolute;top:35px;left:0;}
.home3 .box .qh .arrow_l{display:block;background:url(../image/arrow1.png) left top no-repeat;width:15px;height:25px;position:absolute;left:439px;bottom:0;}
.home3 .box .qh .arrow_r{display:block;background:url(../image/arrow1.png) right top no-repeat;width:15px;height:25px;position:absolute;left:582px;bottom:0;}
.home3 .box .qh .arrow_l:hover{background:url(../image/arrow1.png) left bottom no-repeat;}
.home3 .box .qh .arrow_r:hover{background:url(../image/arrow1.png) right bottom no-repeat;}
.home3 .box .qh .fl{font-size:16px;color:#707070;font-family:AvianRegular;line-height:1.2;position:absolute;left:453px;top:0;width:130px;text-align:center;}
.home3 .box .qh .fl span{font-size:48px;}
.home3 .box .qh .fl b{font-size:48px;font-weight:normal;}
.home4{height:1003px;background:url(../image/bg2.jpg) center bottom no-repeat;}
.home4 .title{height:233px;position:absolute;left:0;top:144px;z-index:2;}
.home4 .title h3{font-size:36px;color:#474747;line-height:1.2;font-weight:bold;}
.home4 .title .line1{display:block;width:130px;height:3px;background:#e2e2e2;margin-top:15px;}
.home4 .title .line2{display:block;width:1px;height:134px;background:#e2e2e2;position:absolute;bottom:0;left:63px;}
.home4 .div1{position:absolute;top:113px;right:0;width:719px;height:528px;overflow:hidden;opacity:0;transform:translate(200px,0);-webkit-transform:translate(200px,0);-moz-transform:translate(200px,0);transition:all 1.2s ease-out 0s;-webkit-transition:all 1.2s ease-out 0s;-moz-transition:all 1.2s ease-out 0s;}
.home4 .div2{position:absolute;top:321px;left:0;width:613px;height:521px;overflow:hidden;opacity:0;transform:translate(0,-200px);-webkit-transform:translate(0,-200px);-moz-transform:translate(0,-200px);transition:all 1.2s ease-out 0.2s;-webkit-transition:all 1.2s ease-out 0.2s;-moz-transition:all 1.2s ease-out 0.2s;}
.home4 .text{position:absolute;top:700px;right:10px;width:565px;font-size:14px;color:#474747;line-height:1.5;opacity:0;transform:translate(0,200px);-webkit-transform:translate(0,200px);-moz-transform:translate(0,200px);transition:all 1.2s ease-out 0.4s;-webkit-transition:all 1.2s ease-out 0.4s;-moz-transition:all 1.2s ease-out 0.4s;}
.home4.show .div1,.home4.show .div2,.home4.show .text{transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);opacity:1;}
.home5{height:620px;background:#25497d;}
.home5 .title{text-align:center;padding-top:104px;}
.home5 .title h3{color:#fff;font-size:30px;line-height:1.2;}
.home5 .title .line{display:block;width:90px;height:3px;background:#fff;margin:14px auto 0;}
.home5 .box{margin-top:45px;}
.home5 .box .div{float:left;width:535px;margin-left:142px;height:163px;}
.home5 .box .div.a{margin-left:18px;}
.home5 .box .div .date{float:left;}
.home5 .box .div .date .s1{display:block;font-size:68px;color:#fff;line-height:1;font-family:Arial, Helvetica, sans-serif;}
.home5 .box .div .date .s2{display:block;font-size:20px;color:#fff;line-height:1;font-family:Arial, Helvetica, sans-serif;margin-top:-6px;}
.home5 .box .div .text{float:right;width:405px;}
.home5 .box .div .text h3{color:#fff;font-size:20px;line-height:1.2;margin-top:5px;}
.home5 .box .div .text p{color:#fff;font-size:12px;line-height:1.5;margin-top:14px;}
.home5 .box .div .text .more{background:url(../image/more2.png) right center no-repeat;padding-right:23px;font-size:12px;color:#fff;margin-top:18px;display:inline-block;}
.home5 .btn{display:block;background:url(../image/btn1.png) center center no-repeat;width:152px;height:34px;line-height:34px;color:#fff;font-size:14px;margin:20px auto 0;}


/*journalism代码*/
.jour1 {width: 100%;margin-top: 100px;}
.jour1 .block {width: 1230px;margin: 0 auto;}
.jour1 .title {text-align: center;padding: 53px 0 35px;}
.jour1 .title h1 {color: #474747;}
.jour1 .title p {font-size: 14px;color: #707070;padding-top: 18px;}
.jour1 ul {}
.jour1 #ass{padding: 30px 0;border-top: 1px solid #d1d1d1;overflow: hidden;}
.jour1 li:first-child {border-color: #fff;}
.jour1 li .imgs {float: left;width: 332px;height: 244px;margin-right: 60px;}
.jour1 li .time {float: left;margin-right: 115px;width: 120px;}
.jour1 li .time h1 {font-size:112px;color: #474747;font-family:Arial;padding-top: 60px;height: 100px;}
.jour1 li .time span {font-size: 28px;color: #474747;font-family:Arial;}
.jour1 li .txt {float: left;width: 600px;}
.jour1 li .txt h1 {font-size: 20px;color: #474747;padding: 43px 0 23px;}
.jour1 li .txt p {font-size: 14px;color: #707070;}
.jour1 li .txt .more {font-size: 14px;color: #707070;display: inline-block;background: url() no-repeat center right;padding-right: 23px;margin-top: 18px;}
.jour1 .page {padding: 25px 0 96px;}
/*journalism代码结束 */


.page #prev1 {display: inline-block;width: 101px;height: 36px;line-height: 36px;text-align: center;cursor: pointer;border: 1px solid #dbdbdb;margin: 0 3px;font-size: 12px;color: #707070; background: url(../image/jou_2.png) no-repeat;background-position: 10px 12px;}
.page #next {display: inline-block;width: 101px;height: 36px;line-height: 36px;text-align: center;cursor: pointer;border: 1px solid #dbdbdb;margin: 0 3px;font-size: 12px;color: #707070;background: url(../image/jou_3.png) no-repeat;background-position: 83px 12px;}
.page #prev1:hover {background: #6b6b6b;color: #fff;}
.page #next:hover {background: #6b6b6b;color: #fff;}
.page {text-align: center;}
.page a {display: inline-block;width: 40px;height: 36px;line-height: 36px;text-align: center;font-size: 14px;color: #474747;}
.page a.no {background: #6b6b6b;color: #fff;border-color: #6b6b6b; margin-left:5px;}
.page a:hover {background: #6b6b6b;color: #fff;border-color: #6b6b6b;}
.page span {display: inline-block;width: 101px;height: 36px;line-height: 36px;text-align: center;cursor: pointer;border: 1px solid #dbdbdb;}
.page #prev1 {display: inline-block;width: 101px;height: 36px;line-height: 36px;text-align: center;cursor: pointer;border: 1px solid #dbdbdb;margin: 0 3px;font-size: 12px;color: #707070; background: url(../image/jou_2.png) no-repeat;background-position: 10px 12px;}
.page span.next {background: url(../image/jou_3.png) no-repeat;background-position: 83px 12px;}
.page span:hover {background: #6b6b6b;color: #fff;}


/*detaili代码*/
.det1 {width: 100%;background-size: 100% 100%;background-repeat: no-repeat;height: 812px;overflow: hidden;}
.det1 .title {text-align: center;padding: 170px 0 65px;}
.det1 .title h1 {font-size: 60px;color: #fff;font-weight: bold;}
.det1 .title h2 {font-size: 30px;color: #fff;padding: 18px 0 35px;}
.det1 .title p {font-size: 14px;color: #fff;}
.det1 .pic {position: relative;text-align: center;}
.det1 .pic>div {position: relative;width: 254px;height: 203px;display: inline-block;}
.det1 .pic>div h1 {padding: 39px 0 22px;font-size: 20px;color: #fff;}
.det1 .pic>div h2 {font-size: 48px;color: #fff;font-family: arial;font-weight: bold;padding-bottom: 11px;}
.det1 .pic>div span {font-size: 16px;color: #fff;} 
.det1 .pic .l_img {background: url(../image/det2.png) no-repeat center;left: 3000px;z-index: 1;}
.det1 .pic .r_img {background: url(../image/det3.png) no-repeat center;left: -3000px;top: 0px;}
.det1 .pic .r_img h2 {font-size: 70px;padding-bottom: 5px;}
.det1 .pic .r_img h1 {padding-bottom: 5px;}
.det2 {height: 720px;width: 100%;}
.det2 .block {position: relative;}
.det2 .txt {padding-top: 145px;width: 475px;float: left;}
.det2 .txt h1 {font-size: 60px;color: #4da065;text-transform:uppercase;font-family:'AVIGNONBOLD';}
.det2 .txt h2 {font-weight: bold;font-size: 48px;color: #474747;padding: 17px 0 14px;}
.det2 .txt h3 {font-size: 30px;color: #474747;padding-bottom: 35px;}
.det2 .txt p {font-size: 14px;color: #707070;padding-bottom: 14px;}
.det2 .imgs1 {width: 473px;height: 397px;position: absolute;top: 170px;right: 237px;}
.det2 .imgs2 {width: 290px;height: 218px;position: absolute;top: 120px;right: 60px;z-index: 1;}
.det2 .imgs3 {width: 237px;height: 316px;position: absolute;top: 300px;right: 0;}
.det2 img {width: 100%;height: 100%;}
.det3 {width: 100%;background: url(../image/home_bj1.jpg);overflow: hidden;}
.det3 .title {text-align: center;padding: 85px 0 40px;}
.det3 .title h1 {font-size: 32px; color: #474747;}
.det3 .title h1 span {font-weight: bold;}
.det3 .title p {font-size: 14px;color: #474747;padding-top: 23px;}
.det3 .img-slider {height: 344px;position: relative;padding-bottom: 86px;width: 100%;overflow: hidden;}
.det3 .img-wp {height: 315px;width: 3000px;}
.det3 .img-wp>div {float: left;width: 1242px;height: 100%;}
.det3 .img-wp>div .imgs {width: 401px;height: 315px;overflow: hidden;margin-right: 13px;float: left;overflow: hidden;}
.det3 .img-wp>div .imgs img {transition: all 0.3s;-webkit-transition: all 0.3s;}
.det3 .img-wp>div .imgs img:hover {transform: scale(1.2);-webkit-transform: scale(1.2);}
.det3 .img-trigger {text-align: center;padding-top: 13px;}
.det3 .img-trigger li {width: 35px;height: 4px;background: #dddddd;display: inline-block;cursor: pointer;}
.det3 .img-trigger li.on {background: #2e509d;}
.det4 {width: 100%;height: 440px;background: url(../image/det_7.jpg) no-repeat center;overflow: hidden;}
.det4 .txt {margin: 0 auto;width: 785px;text-align: center;padding-top: 194px;}
.det4 .txt p {font-size: 22px;color: #fff;font-weight: bold;}
.det5 {width: 100%;overflow: hidden;}
.det5 h1 {font-size: 32px;color: #474747;font-weight: bold;text-align: center;padding: 100px 0 40px;}
.det5 .con {padding-bottom: 59px;}
.det5 .con ul {width: 1240px;overflow: hidden;}
.det5 .con li {width: 299px;height: 314px;float: left;margin-right: 11px;position: relative;opacity: 0;}
.det5 .con li.imgs {width: 100%;height: 235px;}
.det5 .con li p {text-align: center;font-size: 14px;color: #474747;padding-top: 20px;}
.det5 .con li:hover p {color: #4da065;}
.det5 .con li.li {text-align: center;background: #4da065;height: 235px;}
.det5 .con li.li img { padding: 68px 0 20px;}
.det5 .con li.li h2 {font-size: 18px;color: #fff;}
.det5 .con .u1 li {top: -500px;}
.det5 .con .u2 li {top: 500px;}

/*右侧top*/
.rightsidebar {position: fixed;right: 0;top: 50%;background: url(../image/right_bar.png) no-repeat center;width: 70px;height: 123px;}
.rightsidebar li  {text-align: center;height: 61px; cursor: pointer;}
.rightsidebar li i {display: inline-block;width: 21px;height: 21px;background: url(../image/swp2.png) no-repeat;margin-top: 10px;}
.rightsidebar li span {color: #fff;display: block;text-align: center;}
.rightsidebar li i.i1 {background-position: 0 0px;}
.rightsidebar li i.i2 {background-position: 0 -42px;}
/*.rightsidebar li:hover .i1{background-position: -30px 0px;}
.rightsidebar li:hover .i2 {background-position: -30px -42px;}
.rightsidebar li:hover span {color: #333;}
*/